<template>
    <el-row style="height: 100%; align-items: center; justify-content: center;">
        <el-col :span="12">
            <yfForm :form-items="formItems" :model="form">
                <template #check v-if="!form.timeNodeId">
                    <el-checkbox v-model="isAddToPool" style="margin-left: 40px;">加入待办关联池</el-checkbox>
                </template>
            </yfForm>
        </el-col>
    </el-row>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue';
import { yfForm } from '@/components';

const isShow = ref(false), isAddToPool = ref(false),
    formItems = [
        { key: 'occurDate', label: '日期' },
        { key: 'occurTime', label: '时间' },
        { key: 'timeNodeDesc', label: '事项' },
        { key: 'inBalance', label: '收入' },
        { key: 'outBalance', label: '支出' },
        { key: '', label: '', slot: 'check' },
    ],
    form = reactive({
        timeNodeId: 0,
        timeNodeDesc: '',
        occurDate: '',
        occurTime: '',
        inBalance: '',
        outBalance: '',
    });

</script>